{% extends 'UserBundle::layout.html.twig'  %}

{% block body %}
    <div class="row">
        <div class="twelve columns">
            <dl class="tabs info three-up">
                <dd class="active"><a href="#mis-datos">Mis datos</a></dd>
                <dd class=""><a href="#mensajes">Mensajes {% if cant > 0 %}<span class="radius label">{{ cant }}</span>{% endif %}</a></dd>
                <dd class=""><a href="#fotos">Fotos</a></dd>
            </dl>

            <ul class="tabs-content">
                <li class="active" id="TabContent">

                </li>
            </ul>





        </div>
    </div>

<script type="text/javascript">

    $(document).ready(function() {
        $("a[href='#mis-datos']").bind("click", function(){
            $('#TabContent').html("");
            $('#TabContent').load('{{ url('user_edit_perfil') }}');
        });

        $("a[href='#mensajes']").bind("click", function(){
            $('#TabContent').html("");
            $('#TabContent').load('{{ url('user_mensajes') }}', function() {
				
			});
        });

        $("a[href='#fotos']").bind("click", function(){
            $('#TabContent').html("");
            $('#TabContent').load('{{ url('user_edit_fotos') }}');
        });

        if(location.hash == "#mensajes")
        {
			$("a[href='#mensajes']").click();
		}
        else if(location.hash == "#fotos")
        {
            $("a[href='#fotos']").click();
        }
        else
        {
            $("a[href='#mis-datos']").click();
        }


    });
</script>
{% endblock %}



